@ibiz-template-plugin/ibiz-file-previewer 0.0.22 → 0.0.23

package/dist/index.es.js

@@ -1241,6 +1241,444 @@ const copyTextToClipboard = async (text) => {
     return fallbackCopyTextToClipboard(text);
   }
 };
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x2) {
+  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
+}
+function assertPath(path2) {
+  if (typeof path2 !== "string") {
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(path2));
+  }
+}
+function normalizeStringPosix(path2, allowAboveRoot) {
+  var res = "";
+  var lastSegmentLength = 0;
+  var lastSlash = -1;
+  var dots = 0;
+  var code;
+  for (var i2 = 0; i2 <= path2.length; ++i2) {
+    if (i2 < path2.length)
+      code = path2.charCodeAt(i2);
+    else if (code === 47)
+      break;
+    else
+      code = 47;
+    if (code === 47) {
+      if (lastSlash === i2 - 1 || dots === 1) ;
+      else if (lastSlash !== i2 - 1 && dots === 2) {
+        if (res.length < 2 || lastSegmentLength !== 2 || res.charCodeAt(res.length - 1) !== 46 || res.charCodeAt(res.length - 2) !== 46) {
+          if (res.length > 2) {
+            var lastSlashIndex = res.lastIndexOf("/");
+            if (lastSlashIndex !== res.length - 1) {
+              if (lastSlashIndex === -1) {
+                res = "";
+                lastSegmentLength = 0;
+              } else {
+                res = res.slice(0, lastSlashIndex);
+                lastSegmentLength = res.length - 1 - res.lastIndexOf("/");
+              }
+              lastSlash = i2;
+              dots = 0;
+              continue;
+            }
+          } else if (res.length === 2 || res.length === 1) {
+            res = "";
+            lastSegmentLength = 0;
+            lastSlash = i2;
+            dots = 0;
+            continue;
+          }
+        }
+        if (allowAboveRoot) {
+          if (res.length > 0)
+            res += "/..";
+          else
+            res = "..";
+          lastSegmentLength = 2;
+        }
+      } else {
+        if (res.length > 0)
+          res += "/" + path2.slice(lastSlash + 1, i2);
+        else
+          res = path2.slice(lastSlash + 1, i2);
+        lastSegmentLength = i2 - lastSlash - 1;
+      }
+      lastSlash = i2;
+      dots = 0;
+    } else if (code === 46 && dots !== -1) {
+      ++dots;
+    } else {
+      dots = -1;
+    }
+  }
+  return res;
+}
+function _format(sep, pathObject) {
+  var dir = pathObject.dir || pathObject.root;
+  var base = pathObject.base || (pathObject.name || "") + (pathObject.ext || "");
+  if (!dir) {
+    return base;
+  }
+  if (dir === pathObject.root) {
+    return dir + base;
+  }
+  return dir + sep + base;
+}
+var posix = {
+  // path.resolve([from ...], to)
+  resolve: function resolve() {
+    var resolvedPath = "";
+    var resolvedAbsolute = false;
+    var cwd;
+    for (var i2 = arguments.length - 1; i2 >= -1 && !resolvedAbsolute; i2--) {
+      var path2;
+      if (i2 >= 0)
+        path2 = arguments[i2];
+      else {
+        if (cwd === void 0)
+          cwd = process.cwd();
+        path2 = cwd;
+      }
+      assertPath(path2);
+      if (path2.length === 0) {
+        continue;
+      }
+      resolvedPath = path2 + "/" + resolvedPath;
+      resolvedAbsolute = path2.charCodeAt(0) === 47;
+    }
+    resolvedPath = normalizeStringPosix(resolvedPath, !resolvedAbsolute);
+    if (resolvedAbsolute) {
+      if (resolvedPath.length > 0)
+        return "/" + resolvedPath;
+      else
+        return "/";
+    } else if (resolvedPath.length > 0) {
+      return resolvedPath;
+    } else {
+      return ".";
+    }
+  },
+  normalize: function normalize(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var isAbsolute2 = path2.charCodeAt(0) === 47;
+    var trailingSeparator = path2.charCodeAt(path2.length - 1) === 47;
+    path2 = normalizeStringPosix(path2, !isAbsolute2);
+    if (path2.length === 0 && !isAbsolute2) path2 = ".";
+    if (path2.length > 0 && trailingSeparator) path2 += "/";
+    if (isAbsolute2) return "/" + path2;
+    return path2;
+  },
+  isAbsolute: function isAbsolute(path2) {
+    assertPath(path2);
+    return path2.length > 0 && path2.charCodeAt(0) === 47;
+  },
+  join: function join() {
+    if (arguments.length === 0)
+      return ".";
+    var joined;
+    for (var i2 = 0; i2 < arguments.length; ++i2) {
+      var arg = arguments[i2];
+      assertPath(arg);
+      if (arg.length > 0) {
+        if (joined === void 0)
+          joined = arg;
+        else
+          joined += "/" + arg;
+      }
+    }
+    if (joined === void 0)
+      return ".";
+    return posix.normalize(joined);
+  },
+  relative: function relative(from, to) {
+    assertPath(from);
+    assertPath(to);
+    if (from === to) return "";
+    from = posix.resolve(from);
+    to = posix.resolve(to);
+    if (from === to) return "";
+    var fromStart = 1;
+    for (; fromStart < from.length; ++fromStart) {
+      if (from.charCodeAt(fromStart) !== 47)
+        break;
+    }
+    var fromEnd = from.length;
+    var fromLen = fromEnd - fromStart;
+    var toStart = 1;
+    for (; toStart < to.length; ++toStart) {
+      if (to.charCodeAt(toStart) !== 47)
+        break;
+    }
+    var toEnd = to.length;
+    var toLen = toEnd - toStart;
+    var length = fromLen < toLen ? fromLen : toLen;
+    var lastCommonSep = -1;
+    var i2 = 0;
+    for (; i2 <= length; ++i2) {
+      if (i2 === length) {
+        if (toLen > length) {
+          if (to.charCodeAt(toStart + i2) === 47) {
+            return to.slice(toStart + i2 + 1);
+          } else if (i2 === 0) {
+            return to.slice(toStart + i2);
+          }
+        } else if (fromLen > length) {
+          if (from.charCodeAt(fromStart + i2) === 47) {
+            lastCommonSep = i2;
+          } else if (i2 === 0) {
+            lastCommonSep = 0;
+          }
+        }
+        break;
+      }
+      var fromCode = from.charCodeAt(fromStart + i2);
+      var toCode = to.charCodeAt(toStart + i2);
+      if (fromCode !== toCode)
+        break;
+      else if (fromCode === 47)
+        lastCommonSep = i2;
+    }
+    var out = "";
+    for (i2 = fromStart + lastCommonSep + 1; i2 <= fromEnd; ++i2) {
+      if (i2 === fromEnd || from.charCodeAt(i2) === 47) {
+        if (out.length === 0)
+          out += "..";
+        else
+          out += "/..";
+      }
+    }
+    if (out.length > 0)
+      return out + to.slice(toStart + lastCommonSep);
+    else {
+      toStart += lastCommonSep;
+      if (to.charCodeAt(toStart) === 47)
+        ++toStart;
+      return to.slice(toStart);
+    }
+  },
+  _makeLong: function _makeLong(path2) {
+    return path2;
+  },
+  dirname: function dirname(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var code = path2.charCodeAt(0);
+    var hasRoot = code === 47;
+    var end = -1;
+    var matchedSlash = true;
+    for (var i2 = path2.length - 1; i2 >= 1; --i2) {
+      code = path2.charCodeAt(i2);
+      if (code === 47) {
+        if (!matchedSlash) {
+          end = i2;
+          break;
+        }
+      } else {
+        matchedSlash = false;
+      }
+    }
+    if (end === -1) return hasRoot ? "/" : ".";
+    if (hasRoot && end === 1) return "//";
+    return path2.slice(0, end);
+  },
+  basename: function basename(path2, ext) {
+    if (ext !== void 0 && typeof ext !== "string") throw new TypeError('"ext" argument must be a string');
+    assertPath(path2);
+    var start = 0;
+    var end = -1;
+    var matchedSlash = true;
+    var i2;
+    if (ext !== void 0 && ext.length > 0 && ext.length <= path2.length) {
+      if (ext.length === path2.length && ext === path2) return "";
+      var extIdx = ext.length - 1;
+      var firstNonSlashEnd = -1;
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        var code = path2.charCodeAt(i2);
+        if (code === 47) {
+          if (!matchedSlash) {
+            start = i2 + 1;
+            break;
+          }
+        } else {
+          if (firstNonSlashEnd === -1) {
+            matchedSlash = false;
+            firstNonSlashEnd = i2 + 1;
+          }
+          if (extIdx >= 0) {
+            if (code === ext.charCodeAt(extIdx)) {
+              if (--extIdx === -1) {
+                end = i2;
+              }
+            } else {
+              extIdx = -1;
+              end = firstNonSlashEnd;
+            }
+          }
+        }
+      }
+      if (start === end) end = firstNonSlashEnd;
+      else if (end === -1) end = path2.length;
+      return path2.slice(start, end);
+    } else {
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        if (path2.charCodeAt(i2) === 47) {
+          if (!matchedSlash) {
+            start = i2 + 1;
+            break;
+          }
+        } else if (end === -1) {
+          matchedSlash = false;
+          end = i2 + 1;
+        }
+      }
+      if (end === -1) return "";
+      return path2.slice(start, end);
+    }
+  },
+  extname: function extname(path2) {
+    assertPath(path2);
+    var startDot = -1;
+    var startPart = 0;
+    var end = -1;
+    var matchedSlash = true;
+    var preDotState = 0;
+    for (var i2 = path2.length - 1; i2 >= 0; --i2) {
+      var code = path2.charCodeAt(i2);
+      if (code === 47) {
+        if (!matchedSlash) {
+          startPart = i2 + 1;
+          break;
+        }
+        continue;
+      }
+      if (end === -1) {
+        matchedSlash = false;
+        end = i2 + 1;
+      }
+      if (code === 46) {
+        if (startDot === -1)
+          startDot = i2;
+        else if (preDotState !== 1)
+          preDotState = 1;
+      } else if (startDot !== -1) {
+        preDotState = -1;
+      }
+    }
+    if (startDot === -1 || end === -1 || // We saw a non-dot character immediately before the dot
+    preDotState === 0 || // The (right-most) trimmed path component is exactly '..'
+    preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
+      return "";
+    }
+    return path2.slice(startDot, end);
+  },
+  format: function format(pathObject) {
+    if (pathObject === null || typeof pathObject !== "object") {
+      throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof pathObject);
+    }
+    return _format("/", pathObject);
+  },
+  parse: function parse(path2) {
+    assertPath(path2);
+    var ret = { root: "", dir: "", base: "", ext: "", name: "" };
+    if (path2.length === 0) return ret;
+    var code = path2.charCodeAt(0);
+    var isAbsolute2 = code === 47;
+    var start;
+    if (isAbsolute2) {
+      ret.root = "/";
+      start = 1;
+    } else {
+      start = 0;
+    }
+    var startDot = -1;
+    var startPart = 0;
+    var end = -1;
+    var matchedSlash = true;
+    var i2 = path2.length - 1;
+    var preDotState = 0;
+    for (; i2 >= start; --i2) {
+      code = path2.charCodeAt(i2);
+      if (code === 47) {
+        if (!matchedSlash) {
+          startPart = i2 + 1;
+          break;
+        }
+        continue;
+      }
+      if (end === -1) {
+        matchedSlash = false;
+        end = i2 + 1;
+      }
+      if (code === 46) {
+        if (startDot === -1) startDot = i2;
+        else if (preDotState !== 1) preDotState = 1;
+      } else if (startDot !== -1) {
+        preDotState = -1;
+      }
+    }
+    if (startDot === -1 || end === -1 || // We saw a non-dot character immediately before the dot
+    preDotState === 0 || // The (right-most) trimmed path component is exactly '..'
+    preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
+      if (end !== -1) {
+        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path2.slice(1, end);
+        else ret.base = ret.name = path2.slice(startPart, end);
+      }
+    } else {
+      if (startPart === 0 && isAbsolute2) {
+        ret.name = path2.slice(1, startDot);
+        ret.base = path2.slice(1, end);
+      } else {
+        ret.name = path2.slice(startPart, startDot);
+        ret.base = path2.slice(startPart, end);
+      }
+      ret.ext = path2.slice(startDot, end);
+    }
+    if (startPart > 0) ret.dir = path2.slice(0, startPart - 1);
+    else if (isAbsolute2) ret.dir = "/";
+    return ret;
+  },
+  sep: "/",
+  delimiter: ":",
+  win32: null,
+  posix: null
+};
+posix.posix = posix;
+var pathBrowserify = posix;
+const path = /* @__PURE__ */ getDefaultExportFromCjs(pathBrowserify);
+class StaticResource {
+  /**
+   * 静态资源工具类
+   * @param mateUrl
+   */
+  constructor(mateUrl) {
+    /**
+     * 是否为 http || https 开头
+     */
+    __publicField(this, "urlReg", /^http[s]?:\/\/[^\s]*/);
+    /**
+     * 计算出的静态资源跟路径
+     */
+    __publicField(this, "baseDir");
+    /**
+     * mete 路径解析对象
+     */
+    __publicField(this, "url");
+    this.url = new URL(mateUrl);
+    this.baseDir = path.dirname(this.url.pathname || this.url.hostname);
+  }
+  /**
+   * 合并输出静态资源目录
+   * @param pathStr
+   * @returns
+   */
+  dir(pathStr) {
+    if (this.urlReg.test(pathStr)) {
+      return pathStr;
+    }
+    return this.url.origin + path.resolve(this.baseDir, pathStr);
+  }
+}
 var f = 0;
 function u(e2, t2, n2, o2, i2, u2) {
   t2 || (t2 = {});
@@ -1255,10 +1693,21 @@ const FilePreviewHtml = (props) => {
   y$1(() => {
     if (containerRef.current) {
       const shadowRoot = containerRef.current.attachShadow({ mode: "open" });
-      const content = '\n        <style>\n          .content-container {\n            height: 100%;\n            width: 100%;\n          }\n        </style>\n        <div class="content-container">\n          '.concat(props.controller.state.value.content, "\n        </div>\n      ");
-      shadowRoot.innerHTML = content;
+      const computedStyle = getComputedStyle(containerRef.current);
+      const trackBgColor = computedStyle.getPropertyValue("--track-bg-color").trim();
+      const thumbBgColor = computedStyle.getPropertyValue("--thumb-bg-color").trim();
+      const thumbHoverBgColor = computedStyle.getPropertyValue("--thumb-hover-bg-color").trim();
+      const scrollbarStyle = "\n        <style>\n          ::-webkit-scrollbar {\n            display: block;\n            width: 6px;\n            height: 6px;\n          }\n          ::-webkit-scrollbar-track {\n            background: ".concat(trackBgColor, ";\n          }\n          ::-webkit-scrollbar-thumb {\n            background: ").concat(thumbBgColor, ";\n            border-radius: 2px;\n          }\n          ::-webkit-scrollbar-thumb:hover {\n            background: ").concat(thumbHoverBgColor, ";\n          }\n        </style>\n      ");
+      const rawContent = props.controller.state.value.content;
+      const injectedContent = rawContent.includes("<head>") ? rawContent.replace("<head>", "<head>".concat(scrollbarStyle)) : "".concat(scrollbarStyle).concat(rawContent);
+      const blob = new Blob([injectedContent], { type: "text/html" });
+      const url = URL.createObjectURL(blob);
+      shadowRoot.innerHTML = '\n        <style>\n          iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            display: block;\n          }\n        </style>\n        <iframe src="'.concat(url, '"></iframe>\n      ');
+      URL.revokeObjectURL(url);
+      props.onInitialization();
+    } else {
+      props.onInitialization();
     }
-    props.onInitialization();
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-html ".concat(props.controller.state.value.theme), children: /* @__PURE__ */ u("div", { ref: containerRef, className: "container" }) });
 };
@@ -1918,10 +2367,6 @@ const FilePreviewImage = (props) => {
     ] }) })
   ] });
 };
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x2) {
-  return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
-}
 var dist = { exports: {} };
 /*!
 * Vditor v3.11.2 - A markdown editor written in TypeScript.
@@ -3524,11 +3969,11 @@ var dist = { exports: {} };
               };
               var __awaiter = function(thisArg, _arguments, P2, generator) {
                 function adopt(value) {
-                  return value instanceof P2 ? value : new P2(function(resolve) {
-                    resolve(value);
+                  return value instanceof P2 ? value : new P2(function(resolve2) {
+                    resolve2(value);
                   });
                 }
-                return new (P2 || (P2 = Promise))(function(resolve, reject) {
+                return new (P2 || (P2 = Promise))(function(resolve2, reject) {
                   function fulfilled(value) {
                     try {
                       step(generator.next(value));
@@ -3544,7 +3989,7 @@ var dist = { exports: {} };
                     }
                   }
                   function step(result) {
-                    result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                    result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
                   }
                   step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
@@ -4418,11 +4863,11 @@ var dist = { exports: {} };
               var _util_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__2(494);
               var __awaiter = function(thisArg, _arguments, P2, generator) {
                 function adopt(value) {
-                  return value instanceof P2 ? value : new P2(function(resolve) {
-                    resolve(value);
+                  return value instanceof P2 ? value : new P2(function(resolve2) {
+                    resolve2(value);
                   });
                 }
-                return new (P2 || (P2 = Promise))(function(resolve, reject) {
+                return new (P2 || (P2 = Promise))(function(resolve2, reject) {
                   function fulfilled(value) {
                     try {
                       step(generator.next(value));
@@ -4438,7 +4883,7 @@ var dist = { exports: {} };
                     }
                   }
                   function step(result) {
-                    result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                    result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
                   }
                   step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
@@ -5155,11 +5600,11 @@ var dist = { exports: {} };
               var _util_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__2(494);
               var __awaiter = function(thisArg, _arguments, P2, generator) {
                 function adopt(value) {
-                  return value instanceof P2 ? value : new P2(function(resolve) {
-                    resolve(value);
+                  return value instanceof P2 ? value : new P2(function(resolve2) {
+                    resolve2(value);
                   });
                 }
-                return new (P2 || (P2 = Promise))(function(resolve, reject) {
+                return new (P2 || (P2 = Promise))(function(resolve2, reject) {
                   function fulfilled(value) {
                     try {
                       step(generator.next(value));
@@ -5175,7 +5620,7 @@ var dist = { exports: {} };
                     }
                   }
                   function step(result) {
-                    result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                    result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
                   }
                   step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
@@ -5714,12 +6159,12 @@ var dist = { exports: {} };
                 /* harmony export */
               });
               var _util_addStyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(290);
-              var setContentTheme = function(contentTheme, path) {
-                if (!contentTheme || !path) {
+              var setContentTheme = function(contentTheme, path2) {
+                if (!contentTheme || !path2) {
                   return;
                 }
                 var vditorContentTheme = document.getElementById("vditorContentTheme");
-                var cssPath = "".concat(path, "/").concat(contentTheme, ".css");
+                var cssPath = "".concat(path2, "/").concat(contentTheme, ".css");
                 if (!vditorContentTheme) {
                   (0, _util_addStyle__WEBPACK_IMPORTED_MODULE_0__.c)(cssPath, "vditorContentTheme");
                 } else if (vditorContentTheme.getAttribute("href") !== cssPath) {
@@ -5746,12 +6191,12 @@ var dist = { exports: {} };
                 )
                 /* harmony export */
               });
-              var addScriptSync = function(path, id) {
+              var addScriptSync = function(path2, id) {
                 if (document.getElementById(id)) {
                   return false;
                 }
                 var xhrObj = new XMLHttpRequest();
-                xhrObj.open("GET", path, false);
+                xhrObj.open("GET", path2, false);
                 xhrObj.setRequestHeader("Accept", "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01");
                 xhrObj.send("");
                 var scriptElement = document.createElement("script");
@@ -5760,14 +6205,14 @@ var dist = { exports: {} };
                 scriptElement.id = id;
                 document.head.appendChild(scriptElement);
               };
-              var addScript = function(path, id) {
-                return new Promise(function(resolve, reject) {
+              var addScript = function(path2, id) {
+                return new Promise(function(resolve2, reject) {
                   if (document.getElementById(id)) {
-                    resolve(true);
+                    resolve2(true);
                     return false;
                   }
                   var scriptElement = document.createElement("script");
-                  scriptElement.src = path;
+                  scriptElement.src = path2;
                   scriptElement.async = true;
                   document.head.appendChild(scriptElement);
                   scriptElement.onerror = function(event) {
@@ -5776,11 +6221,11 @@ var dist = { exports: {} };
                   scriptElement.onload = function() {
                     if (document.getElementById(id)) {
                       scriptElement.remove();
-                      resolve(true);
+                      resolve2(true);
                       return false;
                     }
                     scriptElement.id = id;
-                    resolve(true);
+                    resolve2(true);
                   };
                 });
               };
@@ -10256,11 +10701,11 @@ var dist = { exports: {} };
           };
           var __awaiter = function(thisArg, _arguments, P2, generator) {
             function adopt(value) {
-              return value instanceof P2 ? value : new P2(function(resolve) {
-                resolve(value);
+              return value instanceof P2 ? value : new P2(function(resolve2) {
+                resolve2(value);
               });
             }
-            return new (P2 || (P2 = Promise))(function(resolve, reject) {
+            return new (P2 || (P2 = Promise))(function(resolve2, reject) {
               function fulfilled(value) {
                 try {
                   step(generator.next(value));
@@ -10276,7 +10721,7 @@ var dist = { exports: {} };
                 }
               }
               function step(result) {
-                result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
               }
               step((generator = generator.apply(thisArg, _arguments || [])).next());
             });
@@ -10446,30 +10891,30 @@ var dist = { exports: {} };
             }
             var succFileText = "";
             Object.keys(response.data.succMap).forEach(function(key) {
-              var path = response.data.succMap[key];
+              var path2 = response.data.succMap[key];
               var lastIndex = key.lastIndexOf(".");
               var type = key.substr(lastIndex);
               var filename = vditor.options.upload.filename(key.substr(0, lastIndex)) + type;
               type = type.toLowerCase();
               if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path, '"></audio></pre></div>\n');
+                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path2, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path2, '"></audio></pre></div>\n');
                 } else if (vditor.currentMode === "ir") {
-                  succFileText += '<audio controls="controls" src="'.concat(path, '"></audio>\n');
+                  succFileText += '<audio controls="controls" src="'.concat(path2, '"></audio>\n');
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               } else if (type.indexOf(".apng") === 0 || type.indexOf(".bmp") === 0 || type.indexOf(".gif") === 0 || type.indexOf(".ico") === 0 || type.indexOf(".cur") === 0 || type.indexOf(".jpg") === 0 || type.indexOf(".jpeg") === 0 || type.indexOf(".jfif") === 0 || type.indexOf(".pjp") === 0 || type.indexOf(".pjpeg") === 0 || type.indexOf(".png") === 0 || type.indexOf(".svg") === 0 || type.indexOf(".webp") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path, '">\n');
+                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path2, '">\n');
                 } else {
-                  succFileText += "![".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "![".concat(filename, "](").concat(path2, ")\n");
                 }
               } else {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<a href="'.concat(path, '">').concat(filename, "</a>\n");
+                  succFileText += '<a href="'.concat(path2, '">').concat(filename, "</a>\n");
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               }
             });
@@ -10769,11 +11214,11 @@ var dist = { exports: {} };
           };
           var fixBrowserBehavior_awaiter = function(thisArg, _arguments, P2, generator) {
             function adopt(value) {
-              return value instanceof P2 ? value : new P2(function(resolve) {
-                resolve(value);
+              return value instanceof P2 ? value : new P2(function(resolve2) {
+                resolve2(value);
               });
             }
-            return new (P2 || (P2 = Promise))(function(resolve, reject) {
+            return new (P2 || (P2 = Promise))(function(resolve2, reject) {
               function fulfilled(value) {
                 try {
                   step(generator.next(value));
@@ -10789,7 +11234,7 @@ var dist = { exports: {} };
                 }
               }
               function step(result) {
-                result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
               }
               step((generator = generator.apply(thisArg, _arguments || [])).next());
             });
@@ -12408,11 +12853,11 @@ var dist = { exports: {} };
           };
           var hint_awaiter = function(thisArg, _arguments, P2, generator) {
             function adopt(value) {
-              return value instanceof P2 ? value : new P2(function(resolve) {
-                resolve(value);
+              return value instanceof P2 ? value : new P2(function(resolve2) {
+                resolve2(value);
               });
             }
-            return new (P2 || (P2 = Promise))(function(resolve, reject) {
+            return new (P2 || (P2 = Promise))(function(resolve2, reject) {
               function fulfilled(value) {
                 try {
                   step(generator.next(value));
@@ -12428,7 +12873,7 @@ var dist = { exports: {} };
                 }
               }
               function step(result) {
-                result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+                result.done ? resolve2(result.value) : adopt(result.value).then(fulfilled, rejected);
               }
               step((generator = generator.apply(thisArg, _arguments || [])).next());
             });
@@ -16459,6 +16904,12 @@ const FilePreviewMD = (props) => {
   const c2 = props.controller;
   const vditorEditor = A();
   const previewRef = A(null);
+  const staticResource = new StaticResource(import.meta.url);
+  const MAX_INIT_LENGTH = 2e3;
+  const CHUNK_SIZE = 2e3;
+  const content = c2.state.value.content;
+  const isLongContent = content.length > MAX_INIT_LENGTH;
+  const initValue = isLongContent ? content.substring(0, MAX_INIT_LENGTH) : content;
   const onOutline = () => {
     if (!vditorEditor.current) return;
     const vditor = vditorEditor.current.vditor;
@@ -16502,11 +16953,41 @@ const FilePreviewMD = (props) => {
       toolbarConfig: {
         hide: true
       },
-      value: c2.state.value.content,
+      value: initValue,
       after: () => {
         onPreview();
         props.onInitialization();
-      }
+        if (isLongContent) {
+          const remaining = content.substring(MAX_INIT_LENGTH);
+          const chunks = [];
+          for (let i2 = 0; i2 < remaining.length; i2 += CHUNK_SIZE) {
+            chunks.push(remaining.substring(i2, i2 + CHUNK_SIZE));
+          }
+          let index = 0;
+          let accContent = initValue;
+          const insertNextChunk = () => {
+            var _a, _b;
+            if (index < chunks.length) {
+              accContent += chunks[index];
+              const html = vditorEditor.current.vditor.lute.Md2HTML(accContent);
+              vditorEditor.current.renderPreview(html);
+              index++;
+              requestIdleCallback(() => {
+                insertNextChunk();
+              });
+            } else {
+              (_a = vditorEditor.current) == null ? void 0 : _a.setValue(content);
+              (_b = vditorEditor.current) == null ? void 0 : _b.vditor.outline.render(
+                vditorEditor.current.vditor
+              );
+            }
+          };
+          requestIdleCallback(() => {
+            insertNextChunk();
+          });
+        }
+      },
+      cdn: "".concat(staticResource.dir("./vditor"))
     });
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-md ".concat(c2.state.value.theme), children: [
@@ -19954,7 +20435,7 @@ TurndownService.prototype = {
       );
     }
     if (input === "") return "";
-    var output = process.call(this, new RootNode(input, this.options));
+    var output = process$1.call(this, new RootNode(input, this.options));
     return postProcess.call(this, output);
   },
   /**
@@ -20021,7 +20502,7 @@ TurndownService.prototype = {
     }, string);
   }
 };
-function process(parentNode) {
+function process$1(parentNode) {
   var self2 = this;
   return reduce.call(parentNode.childNodes, function(output, node) {
     node = new Node(node, self2.options);
@@ -20031,26 +20512,26 @@ function process(parentNode) {
     } else if (node.nodeType === 1) {
       replacement = replacementForNode.call(self2, node);
     }
-    return join(output, replacement);
+    return join2(output, replacement);
   }, "");
 }
 function postProcess(output) {
   var self2 = this;
   this.rules.forEach(function(rule) {
     if (typeof rule.append === "function") {
-      output = join(output, rule.append(self2.options));
+      output = join2(output, rule.append(self2.options));
     }
   });
   return output.replace(/^[\t\r\n]+/, "").replace(/[\t\r\n\s]+$/, "");
 }
 function replacementForNode(node) {
   var rule = this.rules.forNode(node);
-  var content = process.call(this, node);
+  var content = process$1.call(this, node);
   var whitespace = node.flankingWhitespace;
   if (whitespace.leading || whitespace.trailing) content = content.trim();
   return whitespace.leading + rule.replacement(content, node, this.options) + whitespace.trailing;
 }
-function join(output, replacement) {
+function join2(output, replacement) {
   var s1 = trimTrailingNewlines(output);
   var s2 = trimLeadingNewlines(replacement);
   var nls = Math.max(output.length - s1.length, replacement.length - s2.length);